<div class="top-size-lg has-footer">
    <div class="clearfix">
        <div class="btn btn-default btn-sm text-back" style="display: inline-block;" ui-sref="app.me.detail"><i
                class="glyphicon glyphicon-menu-left"></i>返回
        </div>
        <h4 class="pull-right" style="padding-top: 15px;">充值记录</h4>
        <div ng-repeat="record in records">
            <div class="redeem-list">
                <ul class="redeem-liststy clearfix">
                    <li class="col-xs-12 col-sm-6 col-md-4">
                        <span class="recordtext">订单时间：</span>
                        <span class="recorddata">{{record.created | date:'yyyy-MM-dd HH:mm:ss'}}</span>
                    </li>
                    <li class="col-xs-12 col-sm-6 col-md-4">
                        <span class="recordtext">开通时长：</span>
                        <span class="recorddata">{{record._product.title}}</span>
                    </li>
                    <li class="col-xs-12 col-sm-6 col-md-4">
                        <span class="recordtext">应付金额：</span>
                        <span class="recorddata">{{record._product.price | currency:'￥'}}</span>
                    </li>
                    <li class="col-xs-12 col-sm-6 col-md-4" ng-if="record._userCoupon != null">
                        <span class="recordtext">优惠券：</span>
                        <span class="recorddata">{{record._userCoupon.shortCode}}</span>
                    </li>
                    <li class="col-xs-12 col-sm-6 col-md-4">
                        <span class="recordtext">实付金额：</span>
                        <span class="recorddata">{{record.amount | currency:'￥'}}</span>
                    </li>
                    <li class="col-xs-12 col-sm-6 col-md-4" ng-if="record.paid">
                        <span class="recordtext">会员有效期：</span>
                        <span class="recorddata">{{record.validTime | date:'yyyy-MM-dd'}}</span>
                    </li>
                    <li class="col-xs-12 col-sm-6 col-md-4">
                        <span class="recordtext">支付状态：</span>
                        <span class="recorddata font-bold"
                              ng-class="{'text-red':record.status == 'CREATED','c-f90':record.status == 'CANCELLED','text-linblue':record.status == 'PAID'}">
                           {{record._status.cnTitle}}</span>
                    </li>
                    <li style="clear: both;"></li>
                    <li ng-if="record._status.canCancel || record._status.canPay">
                        <span class="record-btn"><span class="text-red cord-btn cord-btn1"
                                                       ng-click="recordPay(record.id,$index)">确认支付</span></span>
                        <span class="record-btn"><span class="text-eee cord-btn cord-btn2"
                                                       ng-click="recordCancel(record.id,$index)">取消订单</span></span>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>